<ion-header>
  <ion-navbar>
    <ion-title class="bp-title">WalletConnect</ion-title>
  </ion-navbar>
</ion-header>

<ion-content no-bounce>
  <label-tip type="info" header="no-header" class="no-arrowhead">
    <div label-tip-body>
      <span translate>WalletConnect is an open source protocol for connecting decentralized applications to mobile wallets with QR code scanning or deep linking.</span>
      <br>
      <br>
      <a class="pointer" (click)="openExternalLink('https://walletconnect.org/')" translate>Read more</a>
    </div>
  </label-tip>
  <div class="btn-container">
    <button (click)="showWallets()" ion-button class="button-standard connect-button" color="primary">
      {{ 'Connect' | translate }}
    </button>
  </div>
</ion-content>
